<template lang="html">
    <section :class="[panelClass,cname]">
        <h4>-{{ title }}-</h4>
        <!-- 插槽，对应具体的内容 -->
        <slot/>
    </section>
</template>

<script>
export default {
    props: {
        // 自定义类名
        cname: {
            type: String,
            default: "",
        },
        // 对应新手特权
        title: {
            type: String,
            default: "",
        },
    },
    data() {
        return {
            panelClass: "panel",
        }
    },
}
</script>

<style lang="scss">
  @import "../../css/element.scss";
  .panel{
    @include panel;
  }
</style>
